﻿<html>
  <head>
    <meta name="source" content="http://www.terrainformatica.com/wiki/doku.php?id=h-smile:built-in-behaviors:edit"/>
    <meta name="generator" content="h-smile:richtext"/>
  </head>
<body>
  <h1>behavior: date</h1>
  <p>日期输入元素，它包含一个下拉日历。</p>
  <h2>元素</h2>
  <p>默认情况下，应用了该行为的元素有:</p>
  <ul>
    <li><code>&lt;input type=&quot;date&quot; /&gt;</code> - 行内日期输入元素</li></ul>
  <h2>示例</h2>
  <div>
    <input type="date" />
    <input type="date" value="2015-03-25" />
  </div>
  <h2>模型</h2>
  <p>初始化该行为时会创建下面的DOM结构:</p>
  <pre>&lt;input&gt;
 <code> &lt;caption&gt;
    &lt;span.year&gt;
    &lt;span.month&gt;
    &lt;span.day&gt;
  &lt;/caption&gt;
  &lt;button&gt;
</code>&lt;/input&gt;
</pre>
  <p>其中，<code>&lt;caption&gt;</code>拥有<code>behavior:masked</code>行为。<code>&lt;button&gt;</code>按钮触发弹出下拉日历。</p>
  <h2>属性</h2>
  <p>该行为需要知道的属性:</p>
  <ul>
    <li><code>value=&quot;YYYY-MM-DD&quot;</code> - input元素的初始日期</li></ul>
  <h2>事件</h2>
  <p>除了标准事件集(鼠标、按键、聚焦)外，该行为还生成:</p>
  <ul>
    <li>SELECT_SELECTION_CHANGED 事件 - 当元素(date)的value值由于用户操作被修改时生成该事件。该事件为异步事件。</li></ul>
  <h2>value</h2>
  <p>Date 或 undefined, 反应内部编辑缓存区的当前状态。</p>
  <h2>方法</h2>
  <dl>
    <dt>showPopup()</dt>
    <dd>- 显示日历弹窗。</dd>
		<dt>today()</dt>
		<dd>- 设置为当前日期。</dd>
  </dl>
</body>
</html>